{% extends "base.html" %}

{% block title %}关于我们 - 万岛潜水{% endblock %}

{% block content %}
<div class="container mt-5">
    <div class="row">
        <div class="col-md-8 offset-md-2">
            <h1 class="text-center mb-5">关于万岛潜水</h1>
            
            <div class="card mb-5">
                <div class="card-body">
                    <h2 class="card-title mb-4">我们的故事</h2>
                    <p class="card-text">
                        万岛潜水成立于2010年，是珠海地区最专业的潜水培训和体验中心。我们的创始团队由一群热爱海洋、热爱潜水的专业人士组成，他们拥有丰富的潜水经验和国际认证资质。
                    </p>
                    <p class="card-text">
                        多年来，我们致力于为潜水爱好者提供安全、专业、愉快的潜水体验，同时也积极参与海洋环保活动，保护我们美丽的海洋生态环境。
                    </p>
                </div>
            </div>
            
            <div class="card mb-5">
                <div class="card-body">
                    <h2 class="card-title mb-4">我们的使命</h2>
                    <p class="card-text">
                        我们的使命是通过专业的潜水培训和体验，让更多人了解海洋、热爱海洋、保护海洋。我们相信，只有亲身体验海底世界的奇妙，才能真正理解保护海洋环境的重要性。
                    </p>
                </div>
            </div>
            
            <div class="card mb-5">
                <div class="card-body">
                    <h2 class="card-title mb-4">我们的优势</h2>
                    <div class="row">
                        <div class="col-md-6 mb-4">
                            <div class="d-flex">
                                <div class="flex-shrink-0">
                                    <i class="fas fa-certificate fa-2x text-primary"></i>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <h5>专业认证</h5>
                                    <p>所有教练均持有国际潜水认证，确保培训质量和安全标准。</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 mb-4">
                            <div class="d-flex">
                                <div class="flex-shrink-0">
                                    <i class="fas fa-shield-alt fa-2x text-primary"></i>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <h5>安全保障</h5>
                                    <p>严格的安全规程和高品质装备，确保每次潜水的安全。</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 mb-4">
                            <div class="d-flex">
                                <div class="flex-shrink-0">
                                    <i class="fas fa-map-marked-alt fa-2x text-primary"></i>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <h5>优质潜点</h5>
                                    <p>精心挑选的潜水地点，让您欣赏到最美丽的海底景观。</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 mb-4">
                            <div class="d-flex">
                                <div class="flex-shrink-0">
                                    <i class="fas fa-users fa-2x text-primary"></i>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <h5>小团体体验</h5>
                                    <p>限制每组人数，确保每位客人都能得到充分的关注和指导。</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="text-center">
                <a href="{{ url_for('main.contact') }}" class="btn btn-primary btn-lg">联系我们</a>
            </div>
        </div>
    </div>
</div>
{% endblock %} 